<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#background{
				background-color: antiquewhite;
				width: 100%;
				height: 1000px;
				position: relative;
			}
			#clearfix{
				clear:both;
			}
			#topitem{
				background-color: aqua;
				width: ;
				height: 65px;
				position: absolute;
				left: 3%;
				right: 3%;
			}
			#leftmenu{
				background-color: red;				
				width: 180px;
				position: absolute;
				top: 70px;
				bottom: 10%;
				left: 3%;
			}
			#rightarea{
				background-color: coral;
				position: absolute;
				left: 200px;
				top:70px;
				right: 0px;
				bottom: 10%;
			}
			.topmenu{
				float: right;
				width: 8%;
				height: 80%;
				background-color: aliceblue;
				margin-right: 2px ;
				margin-top: 3px ;
				border: black solid 2px;
			
			}
		</style>
	</head>
	<body>
		<div id="background">
			<div id="topitem">
				<div class="topmenu">菜单1</div>
				<div class="topmenu">菜单2</div>
				<div class="topmenu">菜单3</div>
				<div class="topmenu">菜单4</div>
				<div class="topmenu">菜单5</div>
				<div class="topmenu">菜单6</div>
			</div>
			<div id="leftmenu"></div>
			<div id="rightarea"></div>
			
			<div id="clearfix"></div>
		</div>
		
		
		
	</body>
</html>